<div class="tab-pane text-left" id="centralManagement" role="tabpanel">
    <form>
        <div class="row" style="display:flex">
            <div class="col-md-12">
                <div class="card bg-dark text-white mb-4">
                    <div class="card-header">
                        <%- lang['Central Management'] %>
                    </div>
                    <div class="card-body">
                        <%
                            if(!config.enableMgmtConnect || !config.userHasSubscribed){ %>
                                 <div class="text-center"><%- lang.centralManagementNotEnabled %></div>
                            <% }else{ %>
                                <div class="form-group">
                                    <input placeholder="<%-lang['Server URL']%>" class="form-control btn btn-dark text-left text-white" type="text" name="managementServer" value="<%- config.managementServer %>" placeholder="ws://127.0.0.1:8663">
                                </div>
                                <div class="form-group">
                                    <input placeholder="<%-lang['P2P API Key']%>" class="form-control btn btn-dark text-left text-white" type="text" name="peerConnectKey" value="<%- config.peerConnectKey %>" placeholder="API Key from https://licenses.shinobi.video">
                                </div>
                                <div class="btn-group d-flex flex-row">
                                    <a href="#" class="submit flex-grow-1 btn btn-success"><i class="fa fa-check"></i> <%- lang.Save %></a>
                                </div>
                            <% }
                        %>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <script src="<%-window.libURL%>assets/js/super.centralManagement.js" type="text/javascript"></script>
</div>
